<template>
  <view class="vip">
    <image
      class="vip-header"
      src="/static/images/home/banner/1.jpg"
      mode="scaleToFill"
    />
    <view class="vip-card">
      <view class="vip-card-title">
        <text class="vip-card-title-text">关于我们</text>
      </view>

      <view class="content">
        <p>
          {{
            $config.name_short
          }}网络科技有限公司是一家专注于简笔画教学的创新型企业。我们致力于通过简洁易懂的教学方式，让更多的人能够轻松掌握简笔画的技巧，享受绘画的乐趣。我们的课程涵盖了从基础入门到高级创作的多个层次，适合各个年龄段的学习者。
        </p>
        <p>
          在{{
            $config.name_short
          }}，我们相信每个人都有创造力。我们的专业团队由经验丰富的艺术教育工作者和设计师组成，他们将丰富的教学经验与现代教育技术相结合，提供高质量的在线课程和互动学习平台。无论您是初学者还是希望提升绘画技能的爱好者，我们都能为您量身定制适合的学习方案。
        </p>
        <p>
          我们的使命是激发每位学员的创造力，帮助他们通过简笔画表达自己的想法与情感。{{
            $config.name_short
          }}网络科技有限公司不仅仅是一家教育公司，更是一个充满创意和灵感的社区。我们鼓励学员们分享自己的作品，互相学习，共同进步。
        </p>
        <p>选择{{ $config.name_short }}，开启您的简笔画之旅，让我们一起探索艺术的无限可能！</p>
      </view>
    </view>
    <comm-beian></comm-beian>
    <comm-fix-footer></comm-fix-footer>
  </view>
</template>

<script>
  export default {
    name: "Contact",
    data() {
      return {};
    },

    methods: {},
  };
</script>

<style lang="scss" scoped>
  .vip {
    display: flex;
    flex-direction: column;
    align-items: center;
    &-header {
      width: 750rpx;
      height: 400rpx;
      position: relative;
      z-index: 1;
    }

    &-card {
      position: relative;
      z-index: 2;
      margin-top: -20rpx;
      display: flex;
      flex-direction: column;
      justify-content: center;

      width: 680rpx;
      background: rgba($color: #fff, $alpha: 0.85);
      padding: 30rpx;
      border-radius: $border-radius;
      box-shadow: $box-shadow;

      &-title {
        text-align: center;
        margin-bottom: 30rpx;
        font-size: 36rpx;
        font-weight: bold;
      }
    }

    .content {
      line-height: 1.8;
      p {
        margin-bottom: 20rpx;
      }
    }
  }
</style>
